<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>锤子商城 - 坚果手机、坚果 R2 手机、Smartisan TNT go 扩展本</title>
 
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/index1.css">
</head>
<body>
    <!-- 页头 -->
    <div class="header">
        <div class="hl" style="float: left;"> <img src="../image/biaozhi.png" alt="" style="height: 60px;width: 70px;"></div>    
        <ul class="hu">
            <li>在线商城</li>
            <li>坚果R2</li>
            <li>Smartisan TNT go</li>
            <li>坚果TNT工作站</li>
            <li>Smartisan os</li>
            <li>欢喜云</li>
            <li>论坛</li>
            <li>开发者支持</li>
            <li>荣誉与奖项</li>
        </ul>
        <div class="hr" style="float: right;height: 60px;">
           <a href="../pages/login.html" > <img src="../image/denglu.png" alt=""></a>
            <a href="../pages/cart.html"target="_blank"><img src="../image/gouwuche.png" alt=""></a>
        </div>
    </div>
    <!-- 页头2 -->
    <div class="header2"  >
        <div class="h2-box" >            
            <ul class="h2l">
                <li style="font-weight: bolder;" class="h22"> <a class="h222">首页</a> </li>
                <li>坚果手机</li>
                <li>TNT</li>
                <li>官方自营</li>
                <li>服务</li>
            </ul>
            <div class="h2r">
                <input type="text">
            </div>
        </div>       
        <div class="header3"
            style="height: 300px;width:100%;transition: height .3s ease,opacity .3s ease;background-color: #ffffff;position: absolute;z-index: 3;border-top: 1px solid gray;">
            <div class="four">
                <!-- <img src="../image/1.jpg" alt="">
                <img src="../image/2.jpg" alt="">
                <img src="../image/3.jpg" alt="">
                <img src="../image/4.jpg" alt=""> -->
                <ul data-v-4fdeda9f="" class="category-wrapper" style="">
                    <li data-v-4fdeda9f="" class="item">
                    </li>
                    <li data-v-4fdeda9f="" class="item">
                        <div data-v-830d8644="" data-v-4fdeda9f="" class="container">
                            <div data-v-830d8644="" class="title">
                                官方配件
                            </div>
                            <ul data-v-830d8644="" class="category-container" style="width: 404px;">
                                <li data-v-830d8644="" class="category-item"><a data-v-830d8644=""
                                        data-url="https://www.smartisan.com/category/216?type=product" class="link"><img
                                            data-v-830d8644=""
                                            src="https://resource.smartisan.com/resource/ce9d167b61454cdc2aa59128cfc80b10.jpg?x-oss-process=image/resize,w_60/format,webp"
                                            class="picture"><span data-v-830d8644="" class="sub-title">蓝牙耳机</span></a></li>
                                <li data-v-830d8644="" class="category-item"><a data-v-830d8644=""
                                        data-url="https://www.smartisan.com/category/214?type=product" class="link"><img
                                            data-v-830d8644=""
                                            src="https://resource.smartisan.com/resource/82aab62886740f165a3631ce6cffe895.jpg?x-oss-process=image/resize,w_60/format,webp"
                                            class="picture"><span data-v-830d8644="" class="sub-title">数据线</span></a></li>
                                <li data-v-830d8644="" class="category-item"><a data-v-830d8644=""
                                        data-url="https://www.smartisan.com/category/215?type=product" class="link"><img
                                            data-v-830d8644=""
                                            src="https://resource.smartisan.com/resource/dc53bd870ee64d2053ecc51750ece43a.jpg?x-oss-process=image/resize,w_60/format,webp"
                                            class="picture"><span data-v-830d8644="" class="sub-title">充电器</span></a></li>
                                <li data-v-830d8644="" class="category-item"><a data-v-830d8644=""
                                        data-url="https://www.smartisan.com/category/218?type=product" class="link"><img
                                            data-v-830d8644=""
                                            src="https://resource.smartisan.com/resource/f6686f1babc3e18970082dcb21ff2a5e.jpg?x-oss-process=image/resize,w_60/format,webp"
                                            class="picture"><span data-v-830d8644="" class="sub-title">移动电源</span></a></li>
                                <li data-v-830d8644="" class="category-item"><a data-v-830d8644=""
                                        data-url="https://www.smartisan.com/category/219?type=product" class="link"><img
                                            data-v-830d8644=""
                                            src="https://resource.smartisan.com/resource/b9e61c6d93464454fa2e382632e34cee.jpg?x-oss-process=image/resize,w_60/format,webp"
                                            class="picture"><span data-v-830d8644="" class="sub-title">拍照配件</span></a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
                <ul data-v-5ae39dbd="" data-v-4fdeda9f="" class="service-list service-container" style="display: none;">
                    <li data-v-5ae39dbd=""><a data-v-5ae39dbd="" class="link">
                            <div data-v-5ae39dbd="" class="service-item"><img data-v-5ae39dbd="" class="picture">
                                <div data-v-5ae39dbd="" class="title">手机</div>
                            </div>
                        </a></li>
                    <li data-v-5ae39dbd=""><a data-v-5ae39dbd="" class="link">
                            <div data-v-5ae39dbd="" class="service-item"><img data-v-5ae39dbd="" class="picture">
                                <div data-v-5ae39dbd="" class="title">官方配件</div>
                            </div>
                        </a></li>
                </ul>
            </div>
        </div>

    </div>
    </div>
    
    <!-- 中间部分 -->
    <div class="lunbo">
        <div style="height: 20px;"></div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../image/banner01.jpeg" alt=""></div>
                <div class="swiper-slide"><img src="https://resource.smartisan.com/resource/fa808c10081b9fd3040bb7bfd12b891c.jpg?x-oss-process=image/resize,w_1525/quality,Q_95" alt=""></div>
                <div class="swiper-slide"><img src="../image/banner02.jpeg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <div style="height: 20px;"></div>
         <!-- 四张图片  -->
        <div class="four">
        <img src="../image/p1.png" alt="">
        <img src="../image/p2.png" alt="">
        <img src="../image/p3.png" alt="">
        <img src="../image/p4.png" alt="">
        </div>
        <div style="height: 20px;"></div>
        <!-- 商品栏 -->
        <div class="sp">
            <div style="height: 50px;border-bottom: 1px solid rgba(0,0,0,.14);font-weight: bolder;font-size: 24px;line-height: 50px;text-indent: 1em;">热门商品
            </div>
            <div class="spp">
                <div class="sp1">
                    <img src="https://resource.smartisan.com/resource/623bad86546352a2035ec704e2faf041.png?x-oss-process=image/resize,w_270" alt="">
                    <h1>坚果R2</h1>
                  <h3>是下一代手机，更是下一代电脑</h3>
                  <span>￥2699.00</span>
                  </div>
                  <div class="sp1">
                      <img src="https://resource.smartisan.com/resource/79c58355d2f5fd53988684b96d405f9b.png?x-oss-process=image/resize,w_270" alt="">
                      <h1>Smartisan TNT 大满足套装</h1>
                    <h3>是下一代手机，更是下一代电脑</h3>
                    <span>￥4999.00</span>
                    </div>
                    <div class="sp1">
                      <img src="https://resource.smartisan.com/resource/211d521553c8816ae1dc6fb5ecdcc99d.jpg?x-oss-process=image/resize,w_270" alt="">
                      <h1>Smartisan 真无线蓝牙耳机</h1>
                    <h3>抖音文创限量版 </h3>
                    <span>￥299.00</span>
                    </div>
                    <div class="sp1">
                      <img src="https://resource.smartisan.com/resource/e991f946530a7cfab3d9670dd8b1371b.png?x-oss-process=image/resize,w_270" alt="">
                      <h1>Smartisan 真无线TWS蓝牙耳机</h1>
                    <h3>智能配对 开盖即连 </h3>
                    <span>￥99.00</span>
                    </div>
            </div>
            

        </div>

        <div class="container" style="width: 80%;padding: 0px;border-radius: 5px;overflow: hidden;background-color:#ffffff ;border: 1px solid rgba(0,0,0,.14);">
           
            <div style="height: 50px;font-weight: bolder;font-size: 24px;line-height: 50px;text-indent: 1em;">商品列表列表</div>
            <div class="row"border: 1px solid rgba(0,0,0,.14);></div>
            <div class="pagination"></div>
        </div>
       
    </div>
    <!-- 底部 -->
<div class="di">
    <div class="diz">
        <ul class="dizr">
            <li><h3>订单服务</h3><div>购买指南 <br>送货政策</div></li>
            <li><h3>服务支持</h3><div>自助服务 <br>装修门店</div></li>
            <li><h3>媒体中心</h3><div>新闻动态 <br>官方视频 <br>图片资源</div></li>
            <li><h3>关注我们</h3><div>新浪微博 <br>官方微信 <br>荣誉奖项</div></li>
        </ul>

        <div class="dizl" style="text-align: right;height: 150px;">
         <h1 style="font-size: 18px;
         font-weight: 900;color: #5079d9;">400-603-5000</h1>
         <h2 style="margin-top: 15px;font-size: 12px;color: #999;"> 
            周一到周日 9:00 - 18:00 <br>(仅收市话费)
         </h2>
         <div style="width: 132px;
         height: 30px;line-height: 30px;margin-top: 15px;
text-align: center;float: right;border-radius: 5px;
color: #5079d9;font-weight: 700;
border: 1px solid #d0d0d0;"> 在线帮忙</div>
        </div>
        <br>
        <hr>
        <br>
        <div style="color: #bdbdbd;">
            Copyright © 2020 smartisan.com 版权所有 |
            锤子商城隐私政策 |
            锤子商城用户协议 |
            资质证照 <br>
        
            京 ICP 备 19048576 号 - 1 |
            京公网安备 11010802033469号 |
            京食药网食备 202010031
        </div>

    </div>

</div>

<img src="" alt="" style="margin:50px auto;">



<script src="../js/ajax.js"></script>
<script src="../js/swiper-bundle.min.js"></script>
<script src="../js/index1.js"></script>
<script src="../js/pagination.js"></script>

</body>
</html>